@extends('layout.default')

@section('content')

  @include('layout.swiper')

  <div class="weui-cells">  
    @foreach($others as $info)
      <a class="weui-cell weui-cell_active weui-cell_access" href="{{route('show',$info->uuid)}}">
        <div class="weui-cell__hd" style="position: relative; margin-right: 10px;">
          <img class="img-round" src="/assets/images/avatar.png" style="height: 50px; display: block;">
          @if($info->recruit == 1)
            <span class="weui-badge weui-badge_dot" style="position: absolute; top: -0.2em; right: .2em;"></span>
          @endif
        </div>
        <div class="weui-cell__bd">
          <p>{{$info->name}}</p>
          <p style="font-size: 80%; color: #aaa;"><i class="iconfont member_{{$info->gendar}}"></i> {{$info->mobile}}</p>
        </div>
        <div class="weui-cell__ft">{!!$info->present()->memberRecruit!!}</div>
      </a>

    @endforeach
  </div>



  <div class="weui-btn-area">
    <a href="{{route('list')}}">
      <button class="weui-btn weui-btn_default wx-default">返回</button>
    </a>
  </div>
@stop

@section('javascript')
  <script src="//cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>
  <script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script type="text/javascript">
      $(function () {

          $('.swiper-container').swiper({
              loop: true,
              autoplay: 5000,
              pagination: '.swiper-pagination',
              paginationClickable: true
          });

      });
  </script>

@stop